<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>账号管理</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/AccountManagement.css">
</head>

<body>
    <header class="tophead">
        <div class="w header">
            <div class="logo">
                <img src="image/logo.png" alt="logo">
            </div>
            <ul class="header-nav">
                <li>HR中心</li>
                <li class="nav-active">应聘管理</li>
                <li>职位管理</li>
                <li>发布职位</li>
                <li>入职管理</li>
                <li>管理系统</li>
            </ul>
            <div class="inform">
                <img src="image/inform.png" alt="通知">
            </div>
        </div>
    </header>
    <!-- 此处为版心,侧边与主板块共用-->
    <div class="w clearfix">
        <nav class="sidebar">
            <div class="sidebar-title">系统管理</div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title color">企业信息</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">组织结构</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">角色权限</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">账号管理</p>
            </div>
            
        </nav>
        <div class="plate">
            <div class="plate-pie">
                <div class="state">基本信息</div>
                <div class="content">
                    <div class="content-head">
                        <div class="img">
                            <span>照片：</span>
                            <img src="">
                        </div>
                        <div class="send-file">
                            <span>大小:70*85/1M &nbsp;&nbsp;格式:jpg/jpeg/png/bmp/gif</span>
                            <input type="file">
                            <div class="btn"><span>上传照片</span><span>删除照片</span></div>
                        </div>
                    </div>
                    <div class="input-box">
                        <div class="input-bar"><span>姓名：</span><input type="text"></div>
                        <div class="input-bar"><span>工号：</span><input type="text"></div>
                        <div class="input-bar"><span>用户名：</span><input type="text"></div>
                        <div class="input-bar"><span>密码：</span><input type="text"></div>
                        <div class="input-bar">
                            <span>性别/登录：</span>
                            <input type="radio" name="xb" id="nan" class="checkbox"><label for="nan" class="label">男</label>
                            <input type="radio" name="xb" id="nv" class="checkbox"><label for="nv" class="label">女</label>
                            <input type="checkbox" id="sign" class="checkbox"><label for="sign" class="label">允许登录</label>
                        </div>
                        <div class="input-bar"><span>手机号码：</span><input type="text"></div>
                        <div class="input-bar"><span>备用电话：</span><input type="text"></div>
                        <div class="input-bar"><span>email地址：</span><input type="text"></div>
                    </div>
                </div>
            </div>
            <div class="plate-pie">
                <div class="state">组织权限</div>
                <div class="content">
                    
                    <div class="input-box">
                        <div class="input-bar">
                            <span>所属组织[部门/科室]：</span>
                            
                            <input type="checkbox" id="depart1" class="checkbox"><label for="depart1" class="label other">超级管理员</label>
                            <input type="checkbox" id="depart2" class="checkbox"><label for="depart2" class="label other">测试人员</label>
                            <input type="checkbox" id="depart3" class="checkbox"><label for="depart3" class="label other">普通员工</label>
                            <input type="checkbox" id="depart4" class="checkbox"><label for="depart4" class="label other">宿舍管理员</label>
                        </div>
                        <div class="input-bar"><span>绑定角色：</span><input type="text"></div>
                        <div class="input-bar"><span>数据权限：</span><input type="text"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>